import { createApp } from 'vue'
import { createPinia } from 'pinia'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import App from './App.vue'
import router from './router'
import './router/guard' // 引入路由守卫
import zhCn from 'element-plus/es/locale/lang/zh-cn';

// // 自定义分页文本
// zhCn.el.pagination = {
// ...zhCn.el.pagination,
//   total: '共 {total} 条',    // 修改总数显示
//   goto: '跳转至',           // 修改跳转提示
//   pagesize: '{size} 条/页',
//   prev: '上一页',
//   next: '下一页',
//   // 其他属性...
// };
// 针对v2.x版本修正键名
zhCn.el.pagination = {
  ...zhCn.el.pagination,
  total: '共 {total} 条',
  go: '跳转至',       // 旧版本用go，新版本用goto
  pageSize: '{size} 条/页', // 注意键名是pageSize（大小写敏感）
  pageClassifier: '页',    // 关键！解决“页码分类器”显示问题
  // 新增每页条数选择器翻译
  sizes: '{size} 条/页'
};

const app = createApp(App)

// 注册所有图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}

app.use(createPinia())
app.use(router) 
app.use(ElementPlus, { locale: zhCn });

app.mount('#app')
